<template>
  <div class="center_top">
    <el-table
      :data="storageData"
      border
      stripe
      size="small"
      class="tabl"
      height="tableHeight"
    >
      <el-table-column
        align="center"
        prop="work_order_no"
        label="生产号令"
        width="80"
      ></el-table-column>
      <el-table-column
        align="center"
        prop="drawing_no"
        label="元件图号"
        width="80"
      ></el-table-column>
      <el-table-column
        align="center"
        prop="drawing_no"
        label="管段长度"
        width="80"
      ></el-table-column>
      <el-table-column
        align="center"
        prop="plan_qty"
        label="管段数量"
        width="80"
      ></el-table-column>
      <el-table-column
        align="center"
        prop="completed_qty"
        label="元件库位"
        width="94"
      ></el-table-column>
    </el-table>
  </div>
</template>
<script>
// DeviceData
import { GetDeviceData } from "@/api/advert";
export default {
  data() {
    return {
      tableHeight: 0,
      storageData: [],
	  id:''
    };
  },
  mounted() {
   this.id=localStorage.getItem('tilenum')
    this.getTable();
  },
  methods: {
    getTable() {
      let params = {
        source: "数字孪生",
        trantime: "20230202080000", //接口传输时间
        message: {
          device_id: this.id, //设备ID
        },
      };
      GetDeviceData(params).then((res) => {
		  console.log(res,888888888888888888888888888888888888888888)
        // this.storageData = res.data.executingtaskinfo[0];
      });
    },
  },
};
</script>
<style lang="less" scoped>
.center_top {
  width: 100%;
  height: 399px;
  overflow: hidden;
  .tabl {
    background: transparent !important;
    margin: 1% 0;
    position: relative;
    width: 100%;
    height: 100%; //高度加到这里
    overflow-y: hidden;
    overflow-x: hidden;
    ::v-deep .el-table__body-wrapper::-webkit-scrollbar {
      width: 0;
    }
  }
}
::v-deep .el-table__body {
  //-webkit-border-horizontal-spacing: 13px;  // 水平间距
  -webkit-border-vertical-spacing: 2px; // 垂直间距
}

.user_skills ::v-deep .el-table--fit {
  padding: 5px;
}
.user_skills ::v-deep .el-table,
.el-table__expanded-cell {
  background-color: transparent;
}

::v-deep .el-table tr {
  background-color: transparent !important;
}
::v-deep .el-table--enable-row-transition .el-table__body td,
.el-table .cell {
  // background-color: rgb(13, 35, 34) !important;
  background-color: transparent !important;
  color: #fff;
}
::v-deep .el-table::before {
  //去除底部白线
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0px;
}
.el-table--border::after {
  width: 0;
}
::v-deep .el-table td.el-table__cell div {
  line-height: 20px !important;
  // border-right: 3px solid;
}
::v-deep .el-table th.is-leaf {
  border-right: none;
  border-bottom: none;
}
::v-deep .el-table th.el-table__cell > .cell {
  // border-right: 3px solid;
}
::v-deep .el-table__header .el-table__cell {
  cursor: default !important;
  pointer-events: none !important;
  background-color: rgb(27, 68, 69) !important; /* 表头背景色 */
  color: #1baea4 !important; /* 表头文字颜色 */
  font-weight: bold !important; /* 表头文字加粗 */
}
</style>